{literal}
    <script type='text/javascript'>
    $(function(){
        // Charge les modeles correspondant à une marque selectionnée
        $("#marque").change(function(){
            var zUrlModel1 = $('#urlLoadModele').val();
            if ($(this).val() != "")
            {

                $.getJSON(zUrlModel1,{iMarqueId: $(this).val()}, function(result){
                zoptions = '';
                size = result.length;
                zoptions += '<option value="0">Modeles</option>';

                for (i = 0; i < size; i++) {
                    zoptions += '<option value="' + result[i].modele_id + '">' + result[i].modele_libelle + '</option>';
                }
                $("#modele").html(zoptions);
                });
            }
            else 
            {
                $("#modele").html("<option value=''>Modeles</option>");
            }
        });
            
        // clic sur le bouton : recherche avancée
        $('#advanced-srch, #srch').click(function () {
            prix   = $('#prix').val();
            modele = $('#modele').val();
            region = $('#region').val();
            marque = $('#marque').val();
            // ne pas lancer la recherche sans avoir choisi au moins un critere
            if (prix != '0' || modele != '' || region != '' || marque != '')
            {
                document.forms["moteur_occasion"].submit();
            }
            else
            {
                //message d'erreur
                $('.errata').show();
                return false;

            }
        }); 
    });
    </script>
    <style type="text/css">
    #field_form{
        width:350px;
        margin-left:100px;
        -moz-border-radius:5px;
        
    }
    .s1,.s2{
        width:150px;
        margin:5px;
    }
    .s2{
        margin-left:20px;
    }
    #button_form{
       margin:15px 0 0 150px;
    }
    #button_form button{
       cursor:pointer;
    }
    #button_form a{
        text-decoration: none;
    }
    </style>
{/literal}

<div id="global" class="search">
    {$oZoneHeader}
  <div id="main">    
  {$oZoneBreadCrumb}
    <div id="leftContent2">
        <div id="essai_fiche">
           <h2> voiture occasion - voiture occasion</h2>
          <div class="wrap">
               <p style="padding:10px;text-align: justify;">
                   Plus de 80.000 voitures d'occasion que ce soit une voiture occasion berline,
                    une voiture occasion coupé, une voiture occasion break, voiture occasion tout terrain,
                    nous sommes spécialistes de la voiture occasion depuis 1991, date du 1er journal d'auto Occasion.
                    <a href="{jurl 'annonce~FoAnnonceDeposer:detail'}" target="_blank">DEPOSEZ VOTRE ANNONCE GRATUITE !</a>
               </p>
               <div class="clear">&nbsp;</div>

                <div id="form_rech">
                    <form id="moteur_occasion" action="{jurl 'recherche~FoRecherche:index'}" method="post" name="moteur1">
                    <input type="hidden" id="urlLoadModele" name="urlLoadModele" value="{jurl 'accueil~FoHome:ajaxGetModelByMarqueId', array(), false}">
                    <!--url fonction nettoyage url-->
                    <input type="hidden" id="cleanUrl"  value="{jurl 'accueil~FoHome:ajaxCleanUrl', array(), false}">
                    <fieldset id="field_form">
                        <legend>Choisissez vos critères de recherche</legend>
                        <div class="">
                            <select class="s1" id="marque" name="marque">
                            <option value="">Marque</option>
                            {foreach $marque as $item}
                                <option value="{$item->marque_id}">{$item->marque_libelle}</option>
                            {/foreach}
                            </select>
                            <select class="s2" id="region" name="region">
                            <option value="">Region</option>
                            {foreach $region as $itemRegion}
                                <option value="{$itemRegion->region}">{$itemRegion->region}</option>
                            {/foreach}
                            </select>
                        </div>
                        
                        <div class="">
                            <select class="s1" id="modele" name="modele">
                            <option value="">Modele</option>
                            </select>
                            <select class="s2" id="prix" name="prix">
                            <option value="0">Tranche de prix</option>
                            <option value="0">0 </option>
                                <option value="2000">2 000 </option>
                                <option value="4000">4 000 </option>
                                <option value="6000">6 000 </option>
                                <option value="8000">8 000 </option>
                                <option value="10000">10 000 </option>
                                <option value="12000">12 000 </option>
                                <option value="14000">14 000 </option>
                                <option value="16000">16 000 </option>
                                <option value="18000">18 000 </option>
                                <option value="20000">20 000 </option>
                                <option value="22000">22 000 </option>
                                <option value="24000">24 000 </option>
                                <option value="24001">+ 24 000 </option>
                            </select>
                        </div>
                    </fieldset>
                    <div id="button_form">
                        <a class="" id="srch" href="#" title="Recherche" style="margin-left:90px;"><button >Recherche</button></a>
                    </div>
                    </form>
                </div><!-- fin form rech-->
                <div class="all_listes2" style="float:left;margin:0 0 0 16px">
                        <h3>Voiture d'occasion : Choisissez une marque :</h3>
                        <ul>
                            {foreach $marque as $item}
                            <li>
                                <a href="{jurl 'recherche~FoRecherche:index',array('marque'=>$item->marque_id)}">{$item->marque_libelle}</a>
                            </li>
                            {/foreach}
                        </ul>
                 </div>
                 <div style="padding:10px;text-align: justify;float:left;display:inline;width:142px;margin-top:34px;" >
                            Nos petites <strong>annonces occasion</strong> presentent tous les modèles de <strong>occasion</strong> que ce soit les <strong>occasion</strong> berline 3, 4, ou 5 portes, les <strong>occasion</strong> coupé, les <strong>occasion</strong> cabriolet pour les beaux jours, les <strong>occasion</strong> break pour plus de places ou les <strong>occasion</strong> monospace pour les grandes familles... Pour acheter votre <strong>occasion</strong> vous pourrez contacter des particuliers vendant une <strong>occasion</strong> directement ou des concessionnaires qui font des <strong>occasions</strong> ou des neuves ou qui assurent l'entretien d <strong>occasion</strong> , tout le réseau <strong>occasion</strong> en France dispose de bonnes affaires en <strong>occasion</strong> .
    Retrouvez les infos sur les <strong>occasion</strong> sur le site officiel.
                </div>
           </div>
           <div class="deco">&nbsp;</div>
        </div>
       <!-- end essai fiche-->
    </div>
     
    {$oZoneRightContent}
    
    <div class="clear">&nbsp;</div>
   {if isset($oZoneEssaiAnnonce)}{$oZoneEssaiAnnonce}{/if}
  </div>
  <div id="SideBar"><a href="#global"><img alt="" src="{$j_basepath}design/front/images/top.png" title="" /></a></div>
</div>
{$oZoneFooter}
{$oZonePubHidden}